<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在线下单</title>
    <link rel="stylesheet" href="css/reset3.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/demo.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3214236_qr1z74lesam.css">
</head>
<body>
    <!-- 头部 -->
    <div class="header clearfix">
        <div class="header_l">
            <div class="wrapper head">
                <img src="./images/logo 1.png" alt="">
                <ul>
                    <li>
                        <a href="./index.html">首页</a>
                        <div class="line"></div>
                    </li>
                    <li>
                        <a href="./Logidtics price.html">查询服务 </a>
                        <div class="line"></div>
                    </li>
                    <li>
                        <a href="./coldchain.html">物流服务 </a>
                        <div class="line"></div>
                    </li>
                    <li>
                        <a href="./strategic cooperation.html">战略合作</a>
                        <div class="line"></div>
                    </li>
                    <li>
                        <a href="./help center.html">帮助中心</a>
                        <div class="line"></div>
                    </li>
                    <li>
                        <a href="./demo.html">关于我们</a>
                        <div class="line"></div>
                    </li>
                    <li>
                        <i class="iconfont icon-touxiang"></i>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    </div>
    </div>
    </div>
    <!-- 收货信息开始 -->
    <div class="harvest commonWidth">
        <div class="harvest_est">
            <h3>收货人信息</h3>
        </div>
        <div class="harvest_box">
            <span class="harvest_bg">
                      <form  action="" >
                         <div class="harvest_con">
                            <label>*寄件人姓名</label>
                            <input type="text" placeholder="请输入寄件人姓名">
                         </div>
                         <div class="harvest_conm">
                            <label>*收件人姓名</label>
                            <input type="text" placeholder="请输入收件人姓名">
                         </div>
                         <div class="harvest_con">
                            <label>*联系人电话</label>
                            <input type="text" placeholder="请输入手机/电话（含区号）">
                         </div>
                         <div class="harvest_con">
                            <label>*收件人电话</label>
                            <input type="text" placeholder="请输入手机/电话（含区号）">
                         </div>
                         <div class="harvest_con">
                            <label>*寄件地址</label>
                            <input type="text" placeholder="请选择/输入城市">
                         </div>
                         <div class="harvest_con">
                            <label>*收件地址</label>
                            <input type="text" placeholder="请选择/输入城市">
                         </div>
                         <div class="harvest_con">
                            <label>*详细地址</label>
                            <input type="text" placeholder="请选择/输入街道">
                         </div>
                         <div class="harvest_con">
                            <label>*详细地址</label>
                            <input type="text" placeholder="请选择/输入街道">
                         </div> 
                    </form>
                </span>
        </div>
    </div>
    <!-- 收货信息结束 -->
    <!-- 寄托物流信息开始 -->
    <div class="Sustenance commonWidth">
        <div class=" harvest_est ">
            <h3>寄托物信息</h3>
        </div>
        <div class="Sustenance_ance commonWidth">
            <form action="">
                <div class="cargo">
                    <label>*货物类型</label>
                    <input type="text" placeholder="  ">
                    <p>违禁品查询</p>
                </div>
                <div class="cargo_go clearfix ">
                    <div class="cargo">
                        <label>*重量（kg）</label>
                        <input type="text" placeholder=" 重量 ">
                    </div>
                    <div class="cargo ">
                        <label>*体积</label>
                        <input type="text" placeholder=" 0-999">
                    </div>
                    <div class="cargo ">
                        <label>*件数</label>
                        <input type="text" placeholder="  ">
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- 寄托物流信息结束 -->
    <!-- 选择产品服务开始 -->
    <div class="product">
        <div class="harvest_est commonWidth">
            <h3>选择产品服务</h3>
        </div>
        <form action="" class="commonWidth">
            <div class="product_go clearfix ">
                <div class="cargo ">
                    <label>*产品名称</label>
                    <select name="" id="">
                    <option value="">精准汽运</option>
                    <option value="">精准空运</option>
                </select>
                </div>
                <div class="cargo">
                    <label>*预计时效</label>
                    <select name="" id="">
                    <option value="">后天24点前</option>
                    <option value="">后天12点前</option>
                    <option value="">明天24点前</option>
                    <option value="">明天12点前</option>
                </select>
                </div>
                <div class="cargo ">
                    <label>*预估费用</label>
                    <select name="" id="">
                    <option value="">2000元</option>
                    <option value="">2500元</option>
                    <option value="">3000元</option>
                    <option value="">3500元</option>
                </select>
                </div>
        </form>
        </div>
        <!-- 选择产品服务结束 -->
        <!-- 服务信息开始 -->
        <div class="service">
            <div class="harvest_est commonWidth">
                <h3>服务信息</h3>
            </div>
            <form action="" class="commonWidth">
                <div class="service_go clearfix ">
                    <div class="cargo ">
                        <label>*付款方式</label>
                        <select name="" id="">
                       <option value="">当面支付</option>
                       <option value="">线上支付</option>
                   </select>
                    </div>
                    <div class="cargo ">
                        <label>*上门时间</label>
                        <select name="" id="">
                       <option value="" selected></option>
                       <option value="">上午10点</option>
                       <option value="">上午12点</option>
                       <option value="">下午14点</option>
                       <option value="">下午18点</option>
                   </select>
                    </div>
                    <div class="cargo ">
                        <label>*签收口令</label>
                        <select name="" id="">
                       <option value="">否</option>
                       <option value="">是</option>
                   </select>
                    </div>
                    <div class="service_ice">
                        <form action="" class="clearfix">
                            <div class="service_con fl">
                                <label>备注</label>
                                <input type="text" placeholder="请输入备注信息">
                            </div>
                            <div class="service_item fr">
                                <input type="submit" value="提交订单">
                            </div>
                        </form>
                    </div>
            </form>
            </div>
            <!-- 服务信息结束 -->
            <!-- 这是底部footer开始 -->
            <footer>
                <div class="wrapper clearfix">
                    <div class="footer_left fl">
                        <dl>
                            <dt>
                       <a href="">查询服务</a>
                   </dt>
                            <dd>
                                <a href="">订单查询</a>
                            </dd>
                            <dd>
                                <a href="">网点查询</a>
                            </dd>
                            <dd>
                                <a href="">价格查询</a>
                            </dd>
                            <dd>
                                <a href="">在线下单</a>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                        <a href="">物流服务</a>
                    </dt>
                            <dd>
                                <a href="">仓配服务</a>
                            </dd>
                            <dd>
                                <a href="">大件服务</a>
                            </dd>
                            <dd>
                                <a href="">冷链服务</a>
                            </dd>
                            <dd>
                                <a href="">快运服务</a>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                        <a href="">帮助中心</a>
                    </dt>
                            <dd>
                                <a href="">热门问题</a>
                            </dd>
                            <dd>
                                <a href="">新手指南</a>
                            </dd>
                            <dd>
                                <a href="">咨询建议</a>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                        <a href="">走进启航</a>
                    </dt>
                            <dd>
                                <a href="">企业愿景</a>
                            </dd>
                            <dd>
                                <a href="">企业使命</a>
                            </dd>
                            <dd>
                                <a href="">企业战略</a>
                            </dd>
                            <dd>
                                <a href="">企业简介</a>
                            </dd>
                            <dd>
                                <a href="">发展历程</a>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                        <a href="">其他</a>
                    </dt>
                            <dd>
                                <a href="">运输契约条款</a>
                            </dd>
                            <dd>
                                <a href="">禁运物品名单</a>
                            </dd>
                            <dd>
                                <a href="">不承保托寄物目录</a>
                            </dd>
                        </dl>
                    </div>
                    <div class="footer_right fr">
                        <div class="footer_right_contact">
                            <p>24小时在线客服热线</p>
                            <p>95324</p>
                            <p>关注我们</p>
                            <i class="iconfont icon-facebook"></i>
                            <i class="iconfont icon-weibo"></i>
                            <i class="iconfont icon-weixin"></i>
                        </div>
                        <div class="footer_right_qrcode ">
                            <!-- 二维码路径更换 -->
                            <img src="images/qr _code .jpg" alt="请在类名为footer_right_qrcode下更换图片路径">
                        </div>
                    </div>
                    <div class="footer_icp">
                        Copy Right (C) 2010 河南万里物流有限公司 豫ICP备13000639号-1
                    </div>
                </div>
            </footer>
            <!-- 这是底部footer结束 -->
</body>

</html>